<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<!--html语言属性 简体中文(繁体中文为zh-cmn-Hant，英文为en)-->

	<head>
		<!--声明文档字符编码-->
		<meta charset="utf-8">
		<!--优先使用 IE 最新版本和 Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!--移动端配置-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<!--<meta http-equiv="Cache-Control" content="max-age=0">-->
		<meta http-equiv="Cache-Control:private" content="max-age=0">
		<meta name="apple-touch-fullscreen" content="yes">
		<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 设置苹果工具栏颜色 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!--禁止缓存-->
		<!--<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
		<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />-->
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!--百度禁止转码-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<!--页面标题-->
		<title>原来古代这样秀恩爱</title>
		<!--include default css-->
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<!--include default js-->
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.imgpreload.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/loading.music.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<!--include custom css js-->
		<script type="text/javascript">
			$(document).ready(function() {
				var windowWidth = $(window).width();
				var windowHeight = $(window).height();
				// 图片预加载
				var img_list = [];
				$("div.swiper-container img").each(function() {
					img_list.push(this.src);
				});
				jQuery.imgpreload(img_list, {
					each: function() {
						//each，每次加载完一张图片后，执行此匿名函数中的代码
						//var status = $(this).data('loaded') ? 'success' : 'error';
					},
					all: function() {
						//音乐播放
						createIndexAudioOne(true);
						
						
						
						
						//all，当所有图片加载完毕之后，执行此函数体内的内容
						$("div.loading_container").delay(500).fadeOut(300, function() {
							var mySwiperOne, mySwiperTwo, mySwiperThree, mySwiperFour, mySwiperFive, mySwiperSix, mySwiperSeven;
							$("#swiper-one").height(windowHeight).width(windowWidth).fadeIn(300);
							mySwiperOne = new Swiper('#swiper-one', {
								direction: 'vertical',
								noSwiping: 'true',
								noSwipingClass: 'swiping-no-swiping',
								onInit: function(swiper) {
									swiperAnimateCache(swiper); //先清除掉swiper的缓存
									swiperAnimate(swiper); //重新调用swiper
								},
								onSlideChangeEnd: function(swiper) {
									swiperAnimate(swiper);
								}
							});

							$(".button_box").on("touchstart", function() {
								
								$(this).hide();
								$(".title").hide();
								$(".welcome_left").addClass("welcome_left_open");
								$(".welcome_right").addClass("welcome_right_open");

								$("#swiper-one").delay(3000).fadeOut(0, function() {
									$("#swiper-two").height(windowHeight).width(windowWidth).fadeIn(0);
									mySwiperTwo = new Swiper('#swiper-two', {
										direction: 'horizontal',
										effect: 'fade',
										onInit: function(swiper) {
											swiperAnimateCache(swiper); //先清除掉swiper的缓存
											swiperAnimate(swiper); //重新调用swiper
										},
										onSlideChangeEnd: function(swiper) {
											swiperAnimate(swiper);
											if(swiper.activeIndex == 5) {
												$(".arrows-right").addClass("arrows-right-hide");
												$("#swiper-two").delay(5500).fadeOut(300, function() {
													$("#swiper-three").height(windowHeight).width(windowWidth).fadeIn(300);
													mySwiperThree = new Swiper('#swiper-three', {
														direction: 'horizontal',
														noSwiping: 'true',
														noSwipingClass: 'swiping-no-swiping',
														onInit: function(swiper) {
															swiperAnimateCache(swiper); //先清除掉swiper的缓存
															swiperAnimate(swiper); //重新调用swiper

															window.setTimeout(function() {
																$(".pages06_02").addClass("changeBig").css("animation-delay", "0s");
															}, 2000);
															window.setTimeout(function() {
																$(".pages_heade_6").addClass("pages_heade_move_6").css("animation-delay", "0s");
															}, 5500);
															window.setTimeout(function() {
																$(".pages_heade_6").addClass("pages_heade_move_hide_6").css("animation-delay", "0s");
															}, 9500);
														},
														onSlideChangeEnd: function(swiper) {
															swiperAnimate(swiper);
														}

													});

													//拖放的js部分
													var X, Y;
													$(".pages06_02").on('touchmove', function(event) {
														event.preventDefault(); //阻止其他事件
														// 如果这个元素的位置内只有一个手指的话
														var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
														X = _touch.pageX - 175;
														//或者var _x=e.touches[0].pageX;   这个是原生JS
														Y = _touch.pageY - 100;
														$(this).css({
															left: X + "px",
															top: Y + "px"
														});
													});

													$(".pages06_02").on('touchend', function(event) {
														if(windowWidth <= 320) {
															if(X <= 127 && X >= 80 && Y <= 190 && Y >= 150) {
																$(this).css({
																	left: 110 + "px",
																	top: 172 + "px"
																});

																//这个里面写当把图片拖到制定位置时做出的动效
																$("#swiper-three").delay(800).fadeOut(300, function() {
																	$("#swiper-four").height(windowHeight).width(windowWidth).fadeIn(300);
																	mySwiperFour = new Swiper('#swiper-four', {
																		direction: 'horizontal',
																		noSwiping: 'true',
																		noSwipingClass: 'swiping-no-swiping',
																		onInit: function(swiper) {
																			swiperAnimateCache(swiper); //先清除掉swiper的缓存
																			swiperAnimate(swiper); //重新调用swiper
																			window.setTimeout(function() {
																				$(".pages07_02").addClass("changeBig").css("animation-delay", "0s");
																			}, 2000);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_7").css("animation-delay", "0s");
																			}, 5500);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_hide_7").css("animation-delay", "0s");
																			}, 9500);

																		},
																		onSlideChangeEnd: function(swiper) {
																			swiperAnimate(swiper);
																		}

																	});

																	//拖放的js部分
																	var X, Y;
																	$(".pages07_02").on('touchmove', function(event) {
																		event.preventDefault(); //阻止其他事件
																		// 如果这个元素的位置内只有一个手指的话
																		var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																		X = _touch.pageX - 170
																		//或者var _x=e.touches[0].pageX;   这个是原生JS
																		Y = _touch.pageY - 90;
																		$(this).css({
																			left: X + "px",
																			top: Y + "px"
																		});
																	});

																	$(".pages07_02").on('touchend', function(event) {

																		if(X <= 10 && X >= -30 && Y <= 240 && Y >= 200) {
																			$(this).css({
																				left: -10 + "px",
																				top: 221 + "px"
																			});

																			//这个里面写当把图片拖到制定位置时做出的动效
																			$("#swiper-four").delay(800).fadeOut(300, function() {
																				$("#swiper-five").height(windowHeight).width(windowWidth).fadeIn(300);
																				mySwiperFive = new Swiper('#swiper-five', {
																					direction: 'horizontal',
																					noSwiping: 'true',
																					noSwipingClass: 'swiping-no-swiping',
																					onInit: function(swiper) {
																						swiperAnimateCache(swiper); //先清除掉swiper的缓存
																						swiperAnimate(swiper); //重新调用swiper
																						window.setTimeout(function() {
																							$(".pages08_02").addClass("changeBig").css("animation-delay", "0s");
																						}, 2000);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_8").css("animation-delay", "0s");
																						}, 5500);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_hide_8").css("animation-delay", "0s");
																						}, 9500);

																					},
																					onSlideChangeEnd: function(swiper) {
																						swiperAnimate(swiper);
																					}

																				});

																				//拖放的js部分
																				var X, Y;
																				$(".pages08_02").on('touchmove', function(event) {
																					event.preventDefault(); //阻止其他事件
																					// 如果这个元素的位置内只有一个手指的话
																					var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																					X = _touch.pageX - 155;
																					//或者var _x=e.touches[0].pageX;   这个是原生JS
																					Y = _touch.pageY - 85;
																					$(this).css({
																						left: X + "px",
																						top: Y + "px"
																					});
																				});

																				$(".pages08_02").on('touchend', function(event) {

																					if(X <= 25 && X >= -30 && Y <= 328 && Y >= 288) {
																						$(this).css({
																							left: 5 + "px",
																							top: 308 + "px"
																						});

																						//这个里面写当把图片拖到制定位置时做出的动效
																						$("#swiper-five").delay(500).fadeOut(300, function() {
																							$("#swiper-six").height(windowHeight).width(windowWidth).fadeIn(300);
																							mySwiperSix = new Swiper('#swiper-six', {
																								direction: 'horizontal',
																								noSwiping: 'true',
																								noSwipingClass: 'swiping-no-swiping',
																								onInit: function(swiper) {
																									swiperAnimateCache(swiper); //先清除掉swiper的缓存
																									swiperAnimate(swiper); //重新调用swiper
																									window.setTimeout(function() {
																										$(".pages09_02").addClass("changeBig").css("animation-delay", "0s");
																									}, 2000);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_9").css("animation-delay", "0s");
																									}, 5500);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_hide_9").css("animation-delay", "0s");
																									}, 9500);

																								},
																								onSlideChangeEnd: function(swiper) {
																									swiperAnimate(swiper);
																								}

																							});

																							//拖放的js部分
																							var X, Y;
																							$(".pages09_02").on('touchmove', function(event) {
																								event.preventDefault(); //阻止其他事件
																								// 如果这个元素的位置内只有一个手指的话
																								var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																								X = _touch.pageX - 165;
																								//或者var _x=e.touches[0].pageX;   这个是原生JS
																								Y = _touch.pageY - 90;
																								$(this).css({
																									left: X + "px",
																									top: Y + "px"
																								});
																							});

																							$(".pages09_02").on('touchend', function(event) {
																								if(X <= 75 && X >= 35 && Y <= 210 && Y >= 170) {
																									$(this).css({
																										left: 55 + "px",
																										top: 190 + "px"
																									});

																									//这个里面写当把图片拖到制定位置时做出的动效
																									$("#swiper-six").delay(500).fadeOut(300, function() {
																										$("#swiper-seven").height(windowHeight).width(windowWidth).fadeIn(300);
																										mySwiperSix = new Swiper('#swiper-seven', {
																											direction: 'horizontal',
																											noSwiping: 'true',
																											noSwipingClass: 'swiping-no-swiping',
																											onInit: function(swiper) {
																												swiperAnimateCache(swiper); //先清除掉swiper的缓存
																												swiperAnimate(swiper); //重新调用swiper

																											},
																											onSlideChangeEnd: function(swiper) {
																												swiperAnimate(swiper);
																											}

																										});

																									});

																								} else {
																									$(this).css({
																										left: 0 + "px",
																										top: 117 + "px"
																									});
																								}

																							});

																						});

																					} else {
																						$(this).css({
																							left: 0 + "px",
																							top: 145 + "px"
																						});
																					}

																				});

																			});

																		} else {
																			$(this).css({
																				left: 0 + "px",
																				top: 145 + "px"
																			});
																		}

																	});

																});

															} else {
																$(this).css({
																	left: 0 + "px",
																	top: 145 + "px"
																});
															}

														} else if(windowWidth <= 360) {
															if(X <= 170 && X >= 130 && Y <= 230 && Y >= 190) {
																$(this).css({
																	left: 149 + "px",
																	top: 208 + "px"
																});

																//这个里面写当把图片拖到制定位置时做出的动效
																$("#swiper-three").delay(800).fadeOut(300, function() {
																	$("#swiper-four").height(windowHeight).width(windowWidth).fadeIn(300);
																	mySwiperFour = new Swiper('#swiper-four', {
																		direction: 'horizontal',
																		noSwiping: 'true',
																		noSwipingClass: 'swiping-no-swiping',
																		onInit: function(swiper) {
																			swiperAnimateCache(swiper); //先清除掉swiper的缓存
																			swiperAnimate(swiper); //重新调用swiper
																			window.setTimeout(function() {
																				$(".pages07_02").addClass("changeBig").css("animation-delay", "0s");
																			}, 2000);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_7").css("animation-delay", "0s");
																			}, 5500);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_hide_7").css("animation-delay", "0s");
																			}, 9500);

																		},
																		onSlideChangeEnd: function(swiper) {
																			swiperAnimate(swiper);
																		}

																	});

																	//拖放的js部分
																	var X, Y;
																	$(".pages07_02").on('touchmove', function(event) {
																		event.preventDefault(); //阻止其他事件
																		// 如果这个元素的位置内只有一个手指的话
																		var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																		X = _touch.pageX - 175;
																		//或者var _x=e.touches[0].pageX;   这个是原生JS
																		Y = _touch.pageY - 100;
																		$(this).css({
																			left: X + "px",
																			top: Y + "px"
																		});
																	});

																	$(".pages07_02").on('touchend', function(event) {

																		if(X <= 20 && X >= -20 && Y <= 295 && Y >= 255) {
																			$(this).css({
																				left: 0 + "px",
																				top: 273 + "px"
																			});

																			//这个里面写当把图片拖到制定位置时做出的动效
																			$("#swiper-four").delay(800).fadeOut(300, function() {
																				$("#swiper-five").height(windowHeight).width(windowWidth).fadeIn(300);
																				mySwiperFive = new Swiper('#swiper-five', {
																					direction: 'horizontal',
																					noSwiping: 'true',
																					noSwipingClass: 'swiping-no-swiping',
																					onInit: function(swiper) {
																						swiperAnimateCache(swiper); //先清除掉swiper的缓存
																						swiperAnimate(swiper); //重新调用swiper
																						window.setTimeout(function() {
																							$(".pages08_02").addClass("changeBig").css("animation-delay", "0s");
																						}, 2000);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_8").css("animation-delay", "0s");
																						}, 5500);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_hide_8").css("animation-delay", "0s");
																						}, 9500);

																					},
																					onSlideChangeEnd: function(swiper) {
																						swiperAnimate(swiper);
																					}

																				});

																				//拖放的js部分
																				var X, Y;
																				$(".pages08_02").on('touchmove', function(event) {
																					event.preventDefault(); //阻止其他事件
																					// 如果这个元素的位置内只有一个手指的话
																					var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																					X = _touch.pageX - 170;
																					//或者var _x=e.touches[0].pageX;   这个是原生JS
																					Y = _touch.pageY - 95;
																					$(this).css({
																						left: X + "px",
																						top: Y + "px"
																					});
																				});

																				$(".pages08_02").on('touchend', function(event) {

																					if(X <= 30 && X >= -10 && Y <= 390 && Y >= 350) {
																						$(this).css({
																							left: 10 + "px",
																							top: 368 + "px"
																						});

																						//这个里面写当把图片拖到制定位置时做出的动效
																						$("#swiper-five").delay(500).fadeOut(300, function() {
																							$("#swiper-six").height(windowHeight).width(windowWidth).fadeIn(300);
																							mySwiperSix = new Swiper('#swiper-six', {
																								direction: 'horizontal',
																								noSwiping: 'true',
																								noSwipingClass: 'swiping-no-swiping',
																								onInit: function(swiper) {
																									swiperAnimateCache(swiper); //先清除掉swiper的缓存
																									swiperAnimate(swiper); //重新调用swiper
																									window.setTimeout(function() {
																										$(".pages09_02").addClass("changeBig").css("animation-delay", "0s");
																									}, 2000);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_9").css("animation-delay", "0s");
																									}, 5500);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_hide_9").css("animation-delay", "0s");
																									}, 9500);

																								},
																								onSlideChangeEnd: function(swiper) {
																									swiperAnimate(swiper);
																								}

																							});

																							//拖放的js部分
																							var X, Y;
																							$(".pages09_02").on('touchmove', function(event) {
																								event.preventDefault(); //阻止其他事件
																								// 如果这个元素的位置内只有一个手指的话
																								var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																								X = _touch.pageX - 175;
																								//或者var _x=e.touches[0].pageX;   这个是原生JS
																								Y = _touch.pageY - 100;
																								$(this).css({
																									left: X + "px",
																									top: Y + "px"
																								});
																							});

																							$(".pages09_02").on('touchend', function(event) {
																								if(X <= 90 && X >= 50 && Y <= 238 && Y >= 198) {
																									$(this).css({
																										left: 70 + "px",
																										top: 218 + "px"
																									});

																									//这个里面写当把图片拖到制定位置时做出的动效
																									$("#swiper-six").delay(500).fadeOut(300, function() {
																										$("#swiper-seven").height(windowHeight).width(windowWidth).fadeIn(300);
																										mySwiperSix = new Swiper('#swiper-seven', {
																											direction: 'horizontal',
																											noSwiping: 'true',
																											noSwipingClass: 'swiping-no-swiping',
																											onInit: function(swiper) {
																												swiperAnimateCache(swiper); //先清除掉swiper的缓存
																												swiperAnimate(swiper); //重新调用swiper

																											},
																											onSlideChangeEnd: function(swiper) {
																												swiperAnimate(swiper);
																											}

																										});

																									});

																								} else {
																									$(this).css({
																										left: 0 + "px",
																										top: 220 + "px"
																									});
																								}

																							});

																						});

																					} else {
																						$(this).css({
																							left: 0 + "px",
																							top: 145 + "px"
																						});
																					}

																				});

																			});

																		} else {
																			$(this).css({
																				left: 0 + "px",
																				top: 145 + "px"
																			});
																		}

																	});

																});

															} else {
																$(this).css({
																	left: 0 + "px",
																	top: 145 + "px"
																});
															}
														} else if(windowWidth <= 375) {
															if(X <= 150 && X >= 110 && Y <= 240 && Y >= 200) {
																$(this).css({
																	left: 130 + "px",
																	top: 220 + "px"
																});

																//这个里面写当把图片拖到制定位置时做出的动效
																$("#swiper-three").delay(800).fadeOut(300, function() {
																	$("#swiper-four").height(windowHeight).width(windowWidth).fadeIn(300);
																	mySwiperFour = new Swiper('#swiper-four', {
																		direction: 'horizontal',
																		noSwiping: 'true',
																		noSwipingClass: 'swiping-no-swiping',
																		onInit: function(swiper) {
																			swiperAnimateCache(swiper); //先清除掉swiper的缓存
																			swiperAnimate(swiper); //重新调用swiper
																			window.setTimeout(function() {
																				$(".pages07_02").addClass("changeBig").css("animation-delay", "0s");
																			}, 2000);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_7").css("animation-delay", "0s");
																			}, 5500);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_hide_7").css("animation-delay", "0s");
																			}, 9500);

																		},
																		onSlideChangeEnd: function(swiper) {
																			swiperAnimate(swiper);
																		}

																	});

																	//拖放的js部分
																	var X, Y;
																	$(".pages07_02").on('touchmove', function(event) {
																		event.preventDefault(); //阻止其他事件
																		// 如果这个元素的位置内只有一个手指的话
																		var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																		X = _touch.pageX - 185;
																		//或者var _x=e.touches[0].pageX;   这个是原生JS
																		Y = _touch.pageY - 105;
																		$(this).css({
																			left: X + "px",
																			top: Y + "px"
																		});
																	});

																	$(".pages07_02").on('touchend', function(event) {

																		if(X <= 25 && X >= -15 && Y <= 314 && Y >= 274) {
																			$(this).css({
																				left: 0 + "px",
																				top: 290 + "px"
																			});

																			//这个里面写当把图片拖到制定位置时做出的动效
																			$("#swiper-four").delay(800).fadeOut(300, function() {
																				$("#swiper-five").height(windowHeight).width(windowWidth).fadeIn(300);
																				mySwiperFive = new Swiper('#swiper-five', {
																					direction: 'horizontal',
																					noSwiping: 'true',
																					noSwipingClass: 'swiping-no-swiping',
																					onInit: function(swiper) {
																						swiperAnimateCache(swiper); //先清除掉swiper的缓存
																						swiperAnimate(swiper); //重新调用swiper
																						window.setTimeout(function() {
																							$(".pages08_02").addClass("changeBig").css("animation-delay", "0s");
																						}, 2000);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_8").css("animation-delay", "0s");
																						}, 5500);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_hide_8").css("animation-delay", "0s");
																						}, 9500);

																					},
																					onSlideChangeEnd: function(swiper) {
																						swiperAnimate(swiper);
																					}

																				});

																				//拖放的js部分
																				var X, Y;
																				$(".pages08_02").on('touchmove', function(event) {
																					event.preventDefault(); //阻止其他事件
																					// 如果这个元素的位置内只有一个手指的话
																					var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																					X = _touch.pageX - 170;
																					//或者var _x=e.touches[0].pageX;   这个是原生JS
																					Y = _touch.pageY - 95;
																					$(this).css({
																						left: X + "px",
																						top: Y + "px"
																					});
																				});

																				$(".pages08_02").on('touchend', function(event) {

																					if(X <= 35 && X >= -5 && Y <= 408 && Y >= 368) {
																						$(this).css({
																							left: 5 + "px",
																							top: 388 + "px"
																						});

																						//这个里面写当把图片拖到制定位置时做出的动效
																						$("#swiper-five").delay(500).fadeOut(300, function() {
																							$("#swiper-six").height(windowHeight).width(windowWidth).fadeIn(300);
																							mySwiperSix = new Swiper('#swiper-six', {
																								direction: 'horizontal',
																								noSwiping: 'true',
																								noSwipingClass: 'swiping-no-swiping',
																								onInit: function(swiper) {
																									swiperAnimateCache(swiper); //先清除掉swiper的缓存
																									swiperAnimate(swiper); //重新调用swiper
																									window.setTimeout(function() {
																										$(".pages09_02").addClass("changeBig").css("animation-delay", "0s");
																									}, 2000);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_9").css("animation-delay", "0s");
																									}, 5500);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_hide_9").css("animation-delay", "0s");
																									}, 9500);

																								},
																								onSlideChangeEnd: function(swiper) {
																									swiperAnimate(swiper);
																								}

																							});

																							//拖放的js部分
																							var X, Y;
																							$(".pages09_02").on('touchmove', function(event) {
																								event.preventDefault(); //阻止其他事件
																								// 如果这个元素的位置内只有一个手指的话
																								var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																								X = _touch.pageX - 190;
																								//或者var _x=e.touches[0].pageX;   这个是原生JS
																								Y = _touch.pageY - 110;
																								$(this).css({
																									left: X + "px",
																									top: Y + "px"
																								});
																							});

																							$(".pages09_02").on('touchend', function(event) {
																								if(X <= 84 && X >= 44 && Y <= 253 && Y >= 213) {
																									$(this).css({
																										left: 64 + "px",
																										top: 233 + "px"
																									});

																									//这个里面写当把图片拖到制定位置时做出的动效
																									$("#swiper-six").delay(500).fadeOut(300, function() {
																										$("#swiper-seven").height(windowHeight).width(windowWidth).fadeIn(300);
																										mySwiperSix = new Swiper('#swiper-seven', {
																											direction: 'horizontal',
																											noSwiping: 'true',
																											noSwipingClass: 'swiping-no-swiping',
																											onInit: function(swiper) {
																												swiperAnimateCache(swiper); //先清除掉swiper的缓存
																												swiperAnimate(swiper); //重新调用swiper

																											},
																											onSlideChangeEnd: function(swiper) {
																												swiperAnimate(swiper);
																											}

																										});

																									});

																								} else {
																									$(this).css({
																										left: 0 + "px",
																										top: 210 + "px"
																									});
																								}

																							});

																						});

																					} else {
																						$(this).css({
																							left: 0 + "px",
																							top: 145 + "px"
																						});
																					}

																				});

																			});

																		} else {
																			$(this).css({
																				left: 0 + "px",
																				top: 145 + "px"
																			});
																		}

																	});

																});

															} else {
																$(this).css({
																	left: 0 + "px",
																	top: 145 + "px"
																});
															}

														} else if(windowWidth <= 414) {
															if(X <= 178 && X >= 138 && Y <= 278 && Y >= 236) {

																$(this).css({
																	left: 158 + "px",
																	top: 256 + "px"
																});

																//这个里面写当把图片拖到制定位置时做出的动效
																$("#swiper-three").delay(800).fadeOut(300, function() {
																	$("#swiper-four").height(windowHeight).width(windowWidth).fadeIn(300);
																	mySwiperFour = new Swiper('#swiper-four', {
																		direction: 'horizontal',
																		noSwiping: 'true',
																		noSwipingClass: 'swiping-no-swiping',
																		onInit: function(swiper) {
																			swiperAnimateCache(swiper); //先清除掉swiper的缓存
																			swiperAnimate(swiper); //重新调用swiper
																			window.setTimeout(function() {
																				$(".pages07_02").addClass("changeBig").css("animation-delay", "0s");
																			}, 2000);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_7").css("animation-delay", "0s");
																			}, 5500);
																			window.setTimeout(function() {
																				$(".pages_heade_7").addClass("pages_heade_move_hide_7").css("animation-delay", "0s");
																			}, 9500);

																		},
																		onSlideChangeEnd: function(swiper) {
																			swiperAnimate(swiper);
																		}

																	});

																	//拖放的js部分
																	var X, Y;
																	$(".pages07_02").on('touchmove', function(event) {
																		event.preventDefault(); //阻止其他事件
																		// 如果这个元素的位置内只有一个手指的话
																		var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																		X = _touch.pageX - 200;
																		//或者var _x=e.touches[0].pageX;   这个是原生JS
																		Y = _touch.pageY - 115;
																		$(this).css({
																			left: X + "px",
																			top: Y + "px"
																		});
																	});

																	$(".pages07_02").on('touchend', function(event) {

																		if(X <= 10 && X >= -30 && Y <= 347 && Y >= 307) {
																			$(this).css({
																				left: -10 + "px",
																				top: 327 + "px"
																			});

																			//这个里面写当把图片拖到制定位置时做出的动效
																			$("#swiper-four").delay(800).fadeOut(300, function() {
																				$("#swiper-five").height(windowHeight).width(windowWidth).fadeIn(300);
																				mySwiperFive = new Swiper('#swiper-five', {
																					direction: 'horizontal',
																					noSwiping: 'true',
																					noSwipingClass: 'swiping-no-swiping',
																					onInit: function(swiper) {
																						swiperAnimateCache(swiper); //先清除掉swiper的缓存
																						swiperAnimate(swiper); //重新调用swiper
																						window.setTimeout(function() {
																							$(".pages08_02").addClass("changeBig").css("animation-delay", "0s");
																						}, 2000);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_8").css("animation-delay", "0s");
																						}, 5500);
																						window.setTimeout(function() {
																							$(".pages_heade_8").addClass("pages_heade_move_hide_8").css("animation-delay", "0s");
																						}, 9500);

																					},
																					onSlideChangeEnd: function(swiper) {
																						swiperAnimate(swiper);
																					}

																				});

																				//拖放的js部分
																				var X, Y;
																				$(".pages08_02").on('touchmove', function(event) {
																					event.preventDefault(); //阻止其他事件
																					// 如果这个元素的位置内只有一个手指的话
																					var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																					X = _touch.pageX - 185;
																					//或者var _x=e.touches[0].pageX;   这个是原生JS
																					Y = _touch.pageY - 95;
																					$(this).css({
																						left: X + "px",
																						top: Y + "px"
																					});
																				});

																				$(".pages08_02").on('touchend', function(event) {

																					if(X <= 28 && X >= -12 && Y <= 450 && Y >= 410) {
																						$(this).css({
																							left: 8 + "px",
																							top: 430 + "px"
																						});

																						//这个里面写当把图片拖到制定位置时做出的动效
																						$("#swiper-five").delay(500).fadeOut(300, function() {
																							$("#swiper-six").height(windowHeight).width(windowWidth).fadeIn(300);
																							mySwiperSix = new Swiper('#swiper-six', {
																								direction: 'horizontal',
																								noSwiping: 'true',
																								noSwipingClass: 'swiping-no-swiping',
																								onInit: function(swiper) {
																									swiperAnimateCache(swiper); //先清除掉swiper的缓存
																									swiperAnimate(swiper); //重新调用swiper
																									window.setTimeout(function() {
																										$(".pages09_02").addClass("changeBig").css("animation-delay", "0s");
																									}, 2000);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_9").css("animation-delay", "0s");
																									}, 5500);
																									window.setTimeout(function() {
																										$(".pages_heade_9").addClass("pages_heade_move_hide_9").css("animation-delay", "0s");
																									}, 9500);

																								},
																								onSlideChangeEnd: function(swiper) {
																									swiperAnimate(swiper);
																								}

																							});

																							//拖放的js部分
																							var X, Y;
																							$(".pages09_02").on('touchmove', function(event) {
																								event.preventDefault(); //阻止其他事件
																								// 如果这个元素的位置内只有一个手指的话
																								var _touch = event.originalEvent.targetTouches[0]; //这个是判断弄得手指头是第一个的时候的坐标    //手机端要获取第一个触点
																								X = _touch.pageX - 210;
																								//或者var _x=e.touches[0].pageX;   这个是原生JS
																								Y = _touch.pageY - 120;
																								$(this).css({
																									left: X + "px",
																									top: Y + "px"
																								});
																							});

																							$(".pages09_02").on('touchend', function(event) {

																								if(X <= 103 && X >= 63 && Y <= 292 && Y >= 252) {
																									$(this).css({
																										left: 83 + "px",
																										top: 272 + "px"
																									});

																									//这个里面写当把图片拖到制定位置时做出的动效
																									$("#swiper-six").delay(500).fadeOut(300, function() {
																										$("#swiper-seven").height(windowHeight).width(windowWidth).fadeIn(300);
																										mySwiperSix = new Swiper('#swiper-seven', {
																											direction: 'horizontal',
																											noSwiping: 'true',
																											noSwipingClass: 'swiping-no-swiping',
																											onInit: function(swiper) {
																												swiperAnimateCache(swiper); //先清除掉swiper的缓存
																												swiperAnimate(swiper); //重新调用swiper

																											},
																											onSlideChangeEnd: function(swiper) {
																												swiperAnimate(swiper);
																											}

																										});

																									});

																								} else {
																									$(this).css({
																										left: 0 + "px",
																										top: 250 + "px"
																									});
																								}

																							});

																						});

																					} else {
																						$(this).css({
																							left: 0 + "px",
																							top: 145 + "px"
																						});
																					}

																				});

																			});

																		} else {
																			$(this).css({
																				left: 0 + "px",
																				top: 145 + "px"
																			});
																		}

																	});

																});

															} else {
																$(this).css({
																	left: 0 + "px",
																	top: 145 + "px"
																});
															}

														}

													});

												})

											}

										}

									});

								})

							})

						});

					}
				});
			});
		</script>
	</head>

	<body>
		<!-- container start-->
		<div class="container">
			<!-- 微信分享logo -->
			<div class="wechat_container hide">
				<!-- <img src="images/pages_share_logo.jpg" width="100%" /> -->
			</div>
			<!-- loading_container start-->
			<div class="loading_container">
				<img class="loading_outer" src="images/loading_outer.png" width="100%" />
				<img class="loading_inner" src="images/loading_inner.png" width="100%" />
				<img class="loading_logo" src="images/loading_logo.png" width="100%" />
				<img class="loading_text" src="images/loading_text.png" width="100%" />
				<img class="loading_point" src="images/loading_point.png" width="100%" />
			</div>
			<!-- loading_container //end-->
			<!--fn-声音显示 -->
			<div class="topCon fadeInRightDown animated1s delay2s">
				<div id="imgMusicBtn" class="sound rotateAm" onclick="SwitchMusic();"></div>
				<input type="hidden" name="PauseTime" id="PauseTime" />
			</div>
			<!--fn-声音显示 end-->

			<!-- swiper-container start-->
			<!-- img[src=images/pages01_$$.png class="pages01_$$ ani" effect=fadeIn duration=1s delay=0.5s width=100%]*10 -->
			<div class="swiper-container hide" id="swiper-one">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<div class="welcome abs">
							<div class="welcome-door">
								<div class="welcome_left abs"><img src="images/welcome/left.png" width="100%" height="100%" /></div>
								<div class="welcome_right abs"><img src="images/welcome/right.png" width="100%" height="100%" /></div>
							</div>
							<div class="button_box abs ani" effect="pulse infinite" duration="1s" delay="0s">
								<img class="button" src="images/welcome/button.png" width="100%" />
								<img class="loop abs" src="images/welcome/loop.png" width="100%" />
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="swiper-container hide" id="swiper-two">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="images/pages00/pages00_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo_1.png" alt="" class="pages_logo_1 ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages00/pages00_01.png" alt="" class="pages00_01 ani abs_top0_left0" effect="fadeInLeft" duration="1s" delay="1.5s" width="100%" />
						<img src="images/pages00/pages00_02.png" alt="" class="pages00_02 ani abs_top0_left0" effect="fadeIn" duration="2s" delay="3.5s" width="100%" />

					</div>
					<div class="swiper-slide">
						<img src="images/pages01/pages01_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.3s" width="100%" />
						<img src="images/pages01/pages01_line_1.png" alt="" class="pages01_line_1 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="0.5s" width="100%" />
						<img src="images/pages01/pages01_text_1.png" alt="" class="pages01_text_1 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="0.8s" width="100%" />
						<img src="images/pages01/pages01_line_2.png" alt="" class="pages01_line_2 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1s" width="100%" />
						<img src="images/pages01/pages01_text_2.png" alt="" class="pages01_text_2 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1.3s" width="100%" />
						<img src="images/pages01/pages01_line_3.png" alt="" class="pages01_line_3 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1.5s" width="100%" />
						<img src="images/pages01/pages01_text_3.png" alt="" class="pages01_text_3 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1.8s" width="100%" />
						<img src="images/pages01/pages01_line_4.png" alt="" class="pages01_line_4 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2s" width="100%" />
						<img src="images/pages01/pages01_text_4.png" alt="" class="pages01_text_4 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2.3s" width="100%" />
						<img src="images/pages01/pages01_line_5.png" alt="" class="pages01_line_5 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2.5s" width="100%" />
						<img src="images/pages01/pages01_text_5.png" alt="" class="pages01_text_5 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2.8s" width="100%" />
						<img src="images/pages01/pages01_line_6.png" alt="" class="pages01_line_6 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="3s" width="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages02/pages02_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.3s" width="100%" />
						<img src="images/pages02/pages02_line_1.png" alt="" class="pages02_line_1 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="0.5s" width="100%" />
						<img src="images/pages02/pages02_text_1.png" alt="" class="pages02_text_1 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="0.8s" width="100%" />
						<img src="images/pages02/pages02_line_2.png" alt="" class="pages02_line_2 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="1s" width="100%" />
						<img src="images/pages02/pages02_text_2.png" alt="" class="pages02_text_2 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="1.3s" width="100%" />
						<img src="images/pages02/pages02_line_3.png" alt="" class="pages02_line_3 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="1.5s" width="100%" />
						<img src="images/pages02/pages02_text_3.png" alt="" class="pages02_text_3 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="1.8s" width="100%" />
						<img src="images/pages02/pages02_line_4.png" alt="" class="pages02_line_4 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="2s" width="100%" />
						<img src="images/pages02/pages02_text_4.png" alt="" class="pages02_text_4 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="2.3s" width="100%" />
						<img src="images/pages02/pages02_line_5.png" alt="" class="pages02_line_5 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="2.5s" width="100%" />
						<img src="images/pages02/pages02_text_5.png" alt="" class="pages02_text_5 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="2.8s" width="100%" />
						<img src="images/pages02/pages02_line_6.png" alt="" class="pages02_line_6 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="3s" width="100%" />
						<img src="images/pages02/pages02_text_6.png" alt="" class="pages02_text_6 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="3.3s" width="100%" />
						<img src="images/pages02/pages02_line_7.png" alt="" class="pages02_line_7 ani abs_top0_left0" effect="fadeInUp" duration="1.5s" delay="3.5s" width="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages03/pages03_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.3s" width="100%" />
						<img src="images/pages03/pages03_line_1.png" alt="" class="pages03_line_1 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="0.5s" width="100%" />
						<img src="images/pages03/pages03_text_1.png" alt="" class="pages03_text_1 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="0.8s" width="100%" />
						<img src="images/pages03/pages03_line_2.png" alt="" class="pages03_line_2 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="1s" width="100%" />
						<img src="images/pages03/pages03_text_2.png" alt="" class="pages03_text_2 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="1.3s" width="100%" />
						<img src="images/pages03/pages03_line_3.png" alt="" class="pages03_line_3 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="1.5s" width="100%" />
						<img src="images/pages03/pages03_text_3.png" alt="" class="pages03_text_3 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="1.8s" width="100%" />
						<img src="images/pages03/pages03_line_4.png" alt="" class="pages03_line_4 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="2s" width="100%" />
						<img src="images/pages03/pages03_text_4.png" alt="" class="pages03_text_4 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="2.3s" width="100%" />
						<img src="images/pages03/pages03_line_5.png" alt="" class="pages03_line_5 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="2.5s" width="100%" />
						<img src="images/pages03/pages03_text_5.png" alt="" class="pages03_text_5 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="2.8s" width="100%" />
						<img src="images/pages03/pages03_line_6.png" alt="" class="pages03_line_6 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="3s" width="100%" />
						<img src="images/pages03/pages03_text_6.png" alt="" class="pages03_text_6 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="3.3s" width="100%" />
						<img src="images/pages03/pages03_line_7.png" alt="" class="pages03_line_7 ani abs_top0_left0" effect="fadeInLeft" duration="1.5s" delay="3.5s" width="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages04/pages04_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.3s" width="100%" />
						<img src="images/pages04/pages04_line_1.png" alt="" class="pages04_line_1 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="0.5s" width="100%" />
						<img src="images/pages04/pages04_text_1.png" alt="" class="pages04_text_1 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="0.8s" width="100%" />
						<img src="images/pages04/pages04_line_2.png" alt="" class="pages04_line_2 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="1s" width="100%" />
						<img src="images/pages04/pages04_text_2.png" alt="" class="pages04_text_2 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="1.3s" width="100%" />
						<img src="images/pages04/pages04_line_3.png" alt="" class="pages04_line_3 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="1.5s" width="100%" />
						<img src="images/pages04/pages04_text_3.png" alt="" class="pages04_text_3 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="1.8s" width="100%" />
						<img src="images/pages04/pages04_line_4.png" alt="" class="pages04_line_4 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="2s" width="100%" />
						<img src="images/pages04/pages04_text_4.png" alt="" class="pages04_text_4 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="2.3s" width="100%" />
						<img src="images/pages04/pages04_line_5.png" alt="" class="pages04_line_5 ani abs_top0_left0" effect="fadeInDown" duration="1.5s" delay="2.5s" width="100%" />
					</div>
					<div class="swiper-slide">
						<img src="images/pages05/pages05_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.3s" width="100%" />
						<img src="images/pages05/pages05_line_1.png" alt="" class="pages05_line_1 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="0.5s" width="100%" />
						<img src="images/pages05/pages05_text_1.png" alt="" class="pages05_text_1 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="0.8s" width="100%" />
						<img src="images/pages05/pages05_line_2.png" alt="" class="pages05_line_2 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1s" width="100%" />
						<img src="images/pages05/pages05_text_2.png" alt="" class="pages05_text_2 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1.3s" width="100%" />
						<img src="images/pages05/pages05_line_3.png" alt="" class="pages05_line_3 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1.5s" width="100%" />
						<img src="images/pages05/pages05_text_3.png" alt="" class="pages05_text_3 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="1.8s" width="100%" />
						<img src="images/pages05/pages05_line_4.png" alt="" class="pages05_line_4 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2s" width="100%" />
						<img src="images/pages05/pages05_text_4.png" alt="" class="pages05_text_4 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2.3s" width="100%" />
						<img src="images/pages05/pages05_line_5.png" alt="" class="pages05_line_5 ani abs_top0_left0" effect="fadeInRight" duration="1.5s" delay="2.5s" width="100%" />
					</div>
				</div>
				<!--<div class="swiper-pagination"></div>-->
				<img class="arrows-right infinite fadeInRight animated" src="images/arrows_right.png" />
			</div>

			<div class="swiper-container hide" id="swiper-three">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages06/pages06_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages06/pages06_01.png" alt="" class="pages06_01 abs ani" effect="fadeIn" duration="1s" delay="0s" width="100%" />
						<img src="images/pages06/pages06_02.png" alt="" class="pages06_02 abs hide" />
						<img src="images/pages_head.png" class="pages_heade_6 abs hide" />
					</div>
				</div>
			</div>

			<div class="swiper-container hide" id="swiper-four">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages07/pages07_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages07/pages07_01.png" alt="" class="pages07_01 abs ani" effect="fadeIn" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages07/pages07_02.png" alt="" class="pages07_02 abs hide" />
						<img src="images/pages_head.png" class="pages_heade_7 abs hide" />
					</div>
				</div>
			</div>

			<div class="swiper-container hide" id="swiper-five">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages08/pages08_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages08/pages08_01.png" alt="" class="pages08_01 abs ani" effect="fadeIn" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages08/pages08_02.png" alt="" class="pages08_02 abs hide" />
						<img src="images/pages_head.png" class="pages_heade_8 abs hide" />
					</div>
				</div>
			</div>

			<div class="swiper-container hide" id="swiper-six">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages09/pages09_bg.jpg" width="100%" height="100%" />
						<img src="images/pages_logo.png" alt="" class="pages_logo ani abs_top0_left0" effect="fadeInDown" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages09/pages09_01.png" alt="" class="pages09_01 abs ani" effect="fadeIn" duration="1s" delay="0.5s" width="100%" />
						<img src="images/pages09/pages09_02.png" alt="" class="pages09_02 abs hide" />
						<img src="images/pages_head.png" class="pages_heade_9 abs hide" />
					</div>
				</div>
			</div>

			<div class="swiper-container hide" id="swiper-seven">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiping-no-swiping">
						<img src="images/pages10/pages10_bg.jpg" width="100%" height="100%" />
						<img src="images/pages10/pages10_01.png" alt="" class="pages10_01 abs ani" effect="fadeInDown" duration="1s" delay="1.5s" width="100%" />						
						<img src="images/pages10/pages10_02.png" alt="" class="pages10_04 abs ani" effect="fadeInRight" duration="1s" delay="2s" width="100%" />
						<img src="images/pages10/pages10_03.png" alt="" class="pages10_05 abs ani" effect="fadeInRight" duration="1s" delay="2.5s" width="100%" />
						<div class="pages10_box abs ani" effect="zoomIn" duration="1s" delay="3.5s" width="100%">
							<img src="images/pages10/pages10_04.png" alt="" class="pages10_02"  width="100%" />
							<img src="images/pages10/pages10_05.png" alt="" class="pages10_03 abs"  width="100%" />
						</div>
					</div>
				</div>
			</div>
			<!---- swiper-container //end-->

	</body>

</html>